<div class="section">
    <div data-am-widget="slider" class="am-slider am-slider-b1" data-am-slider='{"controlNav":false}' >
        <ul class="am-slides">
            <li>
                <div class="banner" style="background: url('/assets/img/index/index_banner1.png') center center no-repeat; width:100%;">
                    <div style="height:20px;"></div>
                    <h1 class="banner-title">专业微信小程序解决方案</h1>
                    <p class="banner-info">
                        无需开发 &nbsp;&nbsp; 一键生成 &nbsp;&nbsp; 操作简单
                    </p>
                    <p class="banner-info">
                        <a href="{:url('user/register')}" class="am-btn am-btn-secondary am-btn-xl am-radius">立即注册</a>
                    </p>
                </div>
            </li>
            <li>
                <div class="banner" style="background: url('/assets/img/index/index_banner2.png') center center no-repeat; width:100%;">
                    <div style="height:20px;"></div>
                    <h1 class="banner-title">点餐，外卖，配送，会员，营销，连锁经营一体化解决方案</h1>
                    <p class="banner-info">快速搭建专属小程序 助力餐厅拥抱移动社交流量红利</p>
                    <p class="banner-info">
                        <a href="{:url('user/register')}" class="am-btn am-btn-secondary am-btn-xl am-radius">立即注册</a>
                    </p>
                </div>
            </li>
            <li> 
                <div class="banner" style="background: url('/assets/img/index/index_banner3.png') center center no-repeat; width:100%;">
                    <div style="height:20px;"></div>
                    <h1 class="banner-title">拼团，秒杀，砍价，优惠券，智慧零售商城解决方案</h1>
                    <p class="banner-info">赋能线下门店，重构消费连接</p>
                    <p class="banner-info">
                        <a href="{:url('user/register')}" class="am-btn am-btn-secondary am-btn-xl am-radius">立即注册</a>
                    </p>
                </div>
            </li>
      </ul>
    </div>
</div>
<div class="section gray">
    <div class="main-p-60">
        <div class="title">
            <p class="h1">六步开店 一站完成</p>
            <p>特有接口，一路无阻，快速上线</p>
        </div>
        <div class="item-line">
            <ul class="warp">
                <li>
                    <div class="left">
                        <span><img src="/assets/img/index/mode-icon5.png"></span>
                        <p class="h1">商家注册</p>
                        <p>微信扫码注册登录一步完成</p>
                    </div>
                    <div class="right">
                        <img src="/assets/img/index/gengduo.png">
                    </div>
                </li>
                <li>
                    <div class="left">
                        <span><img src="/assets/img/index/mode-icon4.png"></span>
                        <p class="h1">授权小程序</p>
                        <p>扫码授权或免费快速注册</p>
                    </div>
                    <div class="right">
                        <img src="/assets/img/index/gengduo.png">
                    </div>
                </li>
                <li>
                    <div class="left">
                        <span><img src="/assets/img/index/mode-icon6.png"></span>
                        <p class="h1">对接支付</p>
                        <p>在线开通收款账户或对接已有账户</p>
                    </div>
                    <div class="right">
                        <img src="/assets/img/index/gengduo.png">
                    </div>
                </li>
                <li>
                    <div class="left">
                        <span><img src="/assets/img/index/mode-icon7.png"></span>
                        <p class="h1">发布商品</p>
                        <p>商品分类设置，上传单双规格商品</p>
                    </div>
                    <div class="right">
                        <img src="/assets/img/index/gengduo.png">
                    </div>
                </li>
                <li>
                    <div class="left">
                        <span><img src="/assets/img/index/mode-icon8.png"></span>
                        <p class="h1">装修店铺</p>
                        <p>DIY小程序店铺页面，配置店铺</p>
                    </div>
                    <div class="right">
                        <img src="/assets/img/index/gengduo.png">
                    </div>
                </li>
                <li>
                    <div class="left">
                        <span><img src="/assets/img/index/mode-icon9.png"></span>
                        <p class="h1">发布上线</p>
                        <p>一键发布与升级小程序</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="title">
            <a href="{:url('user/register')}" class="am-btn am-btn-secondary am-btn-xl am-radius">立即免费开店</a>
        </div>
    </div>
</div>
<div class="section back-img" style="background-image: url('/assets/img/index/banner-6.jpg'); z-index: 10; height: 770px;">
    <div class="main-p-60" style="position: relative; padding-bottom: 10px; ">
        <div class="title white">
            <p class="h1">一套模板同步十大平台</p>
            <p>提供uni-app版本模板源代码，实现多平台发布</p>
        </div>
        <div class="item-code-desc clearfix">
            <div class="left fl  wow slideInLeft">
                <img src="/assets/img/index/banner-7.png">
            </div>
            <div class="right fr wow bounceInRight">
                <ul>
                    <li>
                        <img src="/assets/img/index/code-icon1.png">
                        <h1>Android</h1>
                    </li>
                    <li>
                        <img src="/assets/img/index/code-icon2.png">
                        <h1>IOS</h1>
                    </li>
                    <li>
                        <img src="/assets/img/index/code-icon3.png">
                        <h1>H5</h1>
                    </li>
                    <li>
                        <img src="/assets/img/index/code-icon4.png">
                        <h1>微信小程序</h1>
                    </li>
                    <li>
                        <img src="/assets/img/index/code-icon5.png">
                        <h1>支付宝小程序</h1>
                    </li>
                    <li>
                        <img src="/assets/img/index/code-icon6.png">
                        <h1>百度小程序</h1>
                    </li>
                    <li>
                        <img src="/assets/img/index/code-icon7.png">
                        <h1>字节跳动小程序</h1>
                    </li>
                    <li>
                        <img src="/assets/img/index/code-icon8.png">
                        <h1>QQ小程序</h1>
                    </li>
                    <li>
                        <img src="/assets/img/index/code-icon9.png">
                        <h1>快应用</h1>
                    </li>
                    <li>
                        <img src="/assets/img/index/code-icon10.png">
                        <h1>360小程序</h1>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="section gray">
    <div class="main-p-60">
        <div class="title">
            <p class="h1">功能模块</p>
            <p>实时监控订单情况，灵活手动调度订单，高效完成配送</p>
        </div>
        <div class="function-list wow bounceInLeft">
            <ul>
                <li>
                    <img src="/assets/img/index/wake-icon4.png">
                    <h1>实时接单</h1>
                    <p>商家实时接单，通过订单调度中心，实时监控配送情况，灵活手动调度订单，高效完成配送</p>
                </li>
                <li>
                    <img src="/assets/img/index/wake-icon5.png">
                    <h1>支付方式</h1>
                    <p>用户可通过线上微信、余额支付，线下货到付款的方式，轻松完成小程序外卖下单，不一样的下单体验</p>
                </li>
                <li>
                    <img src="/assets/img/index/wake-icon6.png">
                    <h1>会员管理</h1>
                    <p>会员信息触手可得，方便查找，高效会员营销推广，各种营销方案尽在手中</p>
                </li>
                <li>
                    <img src="/assets/img/index/wake-icon7.png">
                    <h1>数据统计</h1>
                    <p>会员统计、订单统计、销售统计、详细的订单数据统计，一目了然</p>
                </li>
                <li>
                    <img src="/assets/img/index/wake-icon8.png">
                    <h1>订单管理</h1>
                    <p>后台轻松管理订单，方便查看订单号、总额、支付状态等信息</p>
                </li>
                <li>
                    <img src="/assets/img/index/wake-icon9.png">
                    <h1>客户维系</h1>
                    <p>轻松管理公众号粉丝，可积累的客户数据，客户通过关注注册，后台即可生成用户管理数据</p>
                </li>
                <li>
                    <img src="/assets/img/index/wake-icon10.png">
                    <h1>营销工具</h1>
                    <p>优惠券、满减活动、限时秒杀、拼图、砍价、充值送优惠等可随意组合，在吸粉引流的同时刺激客户直接消费</p>
                </li>
                <li>
                    <img src="/assets/img/index/wake-icon11.png">
                    <h1>多样配送</h1>
                    <p>可选择商家自主配送，上门自提，第三方配送，提高配送效率，降低配送成本</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="section" style=" height:860px; background:url('/assets/img/index/down-img-3.jpg')no-repeat center center;background-size: cover;background-attachment: fixed;">
    <div class="main-p-60" style="padding-top:50px;">
        <div class="title white">
            <p class="h1">丰富营销模块 增强用户黏合性</p>
            <p>丰富新颖的营销手法，让您的商城促销玩出新花样。拉新、转化、促活、复购、留存、推广，店铺经营面面俱到。</p>
        </div>
        <div class="trait-list">
            <ul>
                <li>拼团</li>
                <li>秒杀</li>
                <li>砍价</li>
                <li>优惠券</li>
            </ul>
        </div>
        <div class="img-list wow bounceInRight">
            <img src="/assets/img/index/down-img-4.png">
            <img src="/assets/img/index/down-img-5.png" class="img-2">
            <img src="/assets/img/index/down-img-6.png" class="img-3">
            <img src="/assets/img/index/down-img-7.png" class="img-4">
            <img src="/assets/img/index/down-img-8.png" class="img-5">
        </div>
    </div>
</div>
<div class="section gray" style="height:544px;">
    <div class="main-p-60">
        <div class="title" style="color:#fff;">
            <p class="h1">五大管理模块</p>
            <p>打造全方位运营模式让运维简单，高效，智能，助力快速开展小程序业务。</p>
        </div>
        <div class="management-list">
            <ul>
                <li>
                    <img src="/assets/img/index/mode-icon1.png" alt="">
                    <p class="h1">超管端</p>
                    <p>对商户集中管理，统一发布小程序模板，等级收费，打印机授权，消息推送等</p>
                </li>
                <li>
                    <img src="/assets/img/index/mode-icon2.png" alt="">
                    <p class="h1">代理端</p>
                    <p>多级分销，区域保护，代理自由定价，对自己的客户全方位服务管理</p>
                </li>
                <li>
                    <img src="/assets/img/index/mode-icon3.png" alt="">
                    <p class="h1">商户端</p>
                    <p>扫码点餐端和商城端，上传商品，营销活动，订单管理，会员管理,DIY生成小程序，多门店等</p>
                </li>
                <li>
                    <img src="/assets/img/index/mode-icon4.png" alt="">
                    <p class="h1">助手端</p>
                    <p>手机移动管理，让商家随时随地关注门店经营状态，帮助店长店员更方便的维护订单状态和服务顾客。</p>
                </li>
                <li>
                    <img src="/assets/img/index/mode-icon5.png" alt="">
                    <p class="h1">店长端</p>
                    <p>门店管理一步到位，解锁店长管理权限</p>
                </li>
            </ul>
        </div>
    </div>
</div>
